<template>

    <h3>13.表单输入绑定</h3>
    <form>
        <!-- v-model可以将输入框内容和一个数据绑定，来获取实时的一个数据 -->
        <input type="text" v-model="message1">
        <p>{{ message1 }}</p>
        <!-- v-model提供了三个修饰符.lazy, .number和.trim -->
        <!-- .lazy会仅在失去焦点和回车时改变数据，number只接收数组，trim会去掉空格 -->
        <input type="text" v-model.lazy="message2">
        <p>{{ message2 }}</p>

        <input type="checkbox" id="checkbox" v-model="checked">
        <label for="checkbox">{{ checked }}</label>


    </form>
    
    
    

</template>
<script>

    export default {
        data(){
            return{
                message1:"",
                message2:"",
                checked:false

            }
        }
    }

</script>